@extends('layouts.front.main_layout')
@if($seo)
@section('title', $seo->meta_title)
@section('meta_keywords', $seo->meta_keywords)
@section('meta_description', $seo->meta_description)
@section('canonical_tag', $seo->canonical_tag)
@section('og_title', $seo->og_title ?? $seo->meta_title)
@section('og_description', $seo->og_description ?? $seo->meta_description)
@section('og_image', $seo->og_image)
@section('og_url', $seo->og_url ?? url()->current())
@section('twitter_card', $seo->twitter_card)
@section('twitter_title', $seo->twitter_title ?? $seo->meta_title)
@section('twitter_description', $seo->twitter_description ?? $seo->meta_description)
@section('twitter_image', $seo->twitter_image)
@endif
@section('content')
<section class="blog-1">
<div class="container">
<div class="row">
<div class="col-12">
<div class="rr text-center">
<span class="small-text">BLOG</span>
<br><br>
<h2>Our Blog</h2>
{{-- <p>Dynamically simplify superior human capital whereas efficient infrastructures</p> --}}
<br>
</div>
</div>
</div>
</div>
</section>
<section class="blog-2">
<div class="container">
<div class="row">
<div class="col-lg-8 col-8 col-sm-12 col-12">
<div class="blog-left">
<div class="row">
<div class="col-12">
<div class="blog-left-wrap">
{{-- <a href="blog-detail.html"><img src="img/blog-s-2-2.jpg" alt=""></a> --}}
@if (isset($latest_blog) && $latest_blog->count())
@if ($latest_blog->hasMedia('blog_banner_image'))
<img src="{{ $latest_blog->getFirstMediaUrl('blog_banner_image') }}"
alt="Blog Banner Image">
@else
<a href="blog-detail.html"> <img
src="{{ asset('assets/front/website/img/blog-s-1-1.jpg') }}"
alt="Blog Image"></a>
@endif
@endif
</div>
</div>
</div>
<div class="row">
@if (isset($latest_blog))
<div class="col-12">
<div class="rr text-center">
<br>
<div class="blog-left-col-time justify-content-center">
<p><b>{{ $latest_blog->author }}</b></p>
<p>|</p>
<p style="color: #f7c033;"><b>
{{ \Carbon\Carbon::parse($latest_blog->created_at)->format('d M, Y') }}</b>
</p>
</div>
<h2 class="blog-heading"><a href="blog-detail.html">{{ $latest_blog->title }}</a>
</h2>
<p>{{ \Str::limit($latest_blog->description, 150, '...') }}</p>
<p><b><a href="{{ route('blogs.show', $latest_blog->id) }}" class="read">Read
More....</a></b></p>
</div>
</div>
@endif
</div>
{{-- <div class="col-12">
<div class="rr text-center">
<br>
<div class="blog-left-col-time justify-content-center">
<p><b>Micheal Dunlap</b></p>
<p>|</p>
<p style="color: #f7c033;"><b>
19 Oct,
2019</b></p>
</div>
<h2 class="blog-heading"><a href="blog-detail.html">How to start initiating an
startup
in
few days.</a></h2>
<p>Collaboratively pontificate bleeding edge is resources with inexpensive
methodologies..</p>
<p><b><a href="blog-detail.html" class="read">Read More....</a></b></p>
</div>
</div> --}}
<br>
<div class="row">
@if (isset($blogs) && count($blogs))
@foreach ($blogs as $blog)
@if ($blog->id != $latest_blog->id)
<div class="col-lg-6 col-md-6 col-sm-12 col-12">
<div class="blog-left-col">
{{-- <a href="blog-detail.html"><img src="img/blog-s-1-1.jpg" alt=""></a> --}}
@if ($blog->hasMedia('blog_banner_image'))
<img src="{{ $blog->getFirstMediaUrl('blog_banner_image') }}"
alt="Blog Banner Image">
@else
<a href="blog-detail.html"> <img
src="{{ asset('assets/front/website/img/blog-s-1-1.jpg') }}"
alt="Blog Image"></a>
@endif
<br><br>
<div class="blog-left-col-time">
<p><b>{{ $blog->author }}</b></p>
<p>|</p>
<p style="color: #f7c033;"><b>
{{ \Carbon\Carbon::parse($blog->created_at)->format('d M, Y') }}</b>
</p>
</div>
<h4><a href="blog-detail.html">{{ $blog->title }}</a>
</h4>
<p>{{ \Str::limit($blog->description, 150, '...') }}</p>
<p><b><a href="{{ route('blogs.show', $blog->id) }}" class="read">Read
More....</a></b></p>
</div>
</div>
@endif
@endforeach
@endif
</div>
</div>
</div>
<br><br>
<div class="col-lg-4 col-4 col-sm-12 col-12">
<div class="blog-right">
<div class="row">
<div class="col-12">
<div class="blog-right-heading">
<h4>Recent Posts</h4>
</div>
</div>
</div>
@if (isset($blogs) && count($blogs))
@foreach ($blogs as $blog)
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
<div class="blog-right-img">
@if ($blog->hasMedia('blog_banner_image'))
<img src="{{ $blog->getFirstMediaUrl('blog_banner_image') }}"
alt="Blog Banner Image">
@else
<a href="blog-detail.html"><img src="img/img-post.jpeg" alt=""></a>
@endif
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-8">
<div class="blog-right-body">
<div class="post-date">
<a href=""><i class="fas fa-calendar-alt"></i></a>
<span><a href="">
{{ \Carbon\Carbon::parse($blog->created_at)->format('d M, Y') }}</a></span>
</div>
<h4><a href="{{ route('blogs.show', $blog->id) }}"> {{ $blog->title }}</a>
</h4>
</div>
</div>
</div>
<hr>
@endforeach
@endif
<div class="row">
<div class="col-12">
<div class="blog-right-heading">
<h4>Categories</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="blog-right-list">
@foreach ($blog_categories as $category)
<ul class="ul-blog" type="circle">
<li>{{ $category->name }}</li>
{{-- <li>Business</li>
<li>Design</li>
<li>Development</li>
<li>Marketing</li>
<li>Software</li>
<li>Start Up</li>
<li>Success Cases</li>
<li>Technology</li> --}}
</ul>
@endforeach
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="blog-right-heading">
<h4>Popular Tags</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="blog-right-button">
@if ($blogs->isNotEmpty())
@foreach ($blogs as $blog)
@foreach (explode(',', $blog->tags) as $tag)
<a href=""
class="btn style-skew style"><span>{{ $tag }}</span></a>
@endforeach
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection